<div class="header">
  <div class="nav">
    <svg width="145px" height="38px" viewBox="0 0 98 38" version="1.1" xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="0.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group-14" transform="translate(-23, 5.000000)" fill="#006CFF">
          <path
            d="M21.2934328,2.58313049 L18.0173984,0 L14.594624,2.69887801 L14.4172077,2.84182304 L18.0173984,5.71242483 L21.6286578,2.84182304 L21.2934328,2.58313049 Z M33.7078289,12.6006674 L18.0079109,24.980276 L2.31748044,12.6082574 L0,14.4697052 L18.0079109,28.6690167 L36.0256256,14.4621152 L33.7078289,12.6006674 Z M18.0079109,13.6050776 L9.46441554,6.86863505 L7.14661885,8.7300829 L18.0079109,17.2941345 L28.8783742,8.7224929 L26.5605775,6.86104505 L18.0079109,13.6050776 Z"
            id="Fill-1-Copy"></path>
          <text x="40" y="25" class="text text-1">
            听涛阁
          </text>
          <text x="40" y="25" class="text text-2">
            听涛阁
          </text>
          <text x="40" y="25" class="text text-3">
            听涛阁
          </text>
          <text x="40" y="25" class="text text-4">
            听涛阁
          </text>
        </g>
      </g>
    </svg>
    <div class="navigation">
      <ul>
        <li routerLinkActive="active">
          <a routerLink="home">
            <fa-icon [icon]="home"></fa-icon>{{ 'NAVBAR.HOME' | translate }}
          </a>
        </li>
        <li routerLinkActive="active">
          <a routerLink="life">
            <fa-icon [icon]="coffee"></fa-icon>{{ 'NAVBAR.LIFE' | translate }}
          </a>
        </li>
        <li routerLinkActive="active">
          <a routerLink="type">
            <fa-icon [icon]="gripVertical"></fa-icon>{{ 'NAVBAR.TYPE' | translate }}
          </a>
        </li>
        <li routerLinkActive="active">
          <a routerLink="about">
            <fa-icon [icon]="user"></fa-icon>{{ 'NAVBAR.ABOUT' | translate }}
          </a>
        </li>
      </ul>
    </div>
  </div>

</div>
